@import "../../../assets/common.styl"
.chat_info_box
  overflow hidden
.chat_info_box .chat_info_label
  display inline-block
.fullHeight 
  height 100vh !important
.chat_msg_box
  border-right 1px solid $c-border1
  position relative
  height 93vh
  .fullChat
    position absolute
    top 50px
    right 0
    width 10px
    height 10px
    cursor pointer
    padding 5px
    transform rotate(90deg)
    display flex
    justify-content center
    align-items center
    color #BFBFBF
    background #F0F2F3
    word-break break-all
    z-index 999
    text-align center
    font-size 16px
    i
     font-size 12px
  .stow
   transform rotate(-180deg)
.active
  background $c-card
.chat_top
  position relative
  height 40px
  overflow hidden
  box-sizing border-box
  border-bottom 1px solid $c-border1
  display flex
  justify-content space-between
.chat_top_head
  float left
  box-sizing border-box
  position relative
  line-height 40px
  flex-shrink 1
  overflow hidden
  white-space nowrap
  text-overflow ellipsis
  .title
    width 100%
    .chat_title
      display flex
      align-items center
      width 100%
      user-select none
      span
        flex-shrink 0
        user-select text
      span.customerName
        flex-shrink 1
        overflow hidden
        white-space nowrap
        text-overflow ellipsis
.chat_transfer
  float right
  flex-shrink 0
.avatar
  position absolute
  left 0
.dic_item
  textarea
    color $cf-gray0
    border-color $cf-level2
    width 100%
    padding 6px
    box-sizing border-box
    border-radius 4px
  textarea:focus
    border-color $c-main
.chat_transfer
  .iconfont
    cursor pointer
    font-size 20px
    margin 0 6px
    line-height 20px
    color $cf-gray5
  .icon-tuichu
    margin-right 10px
.chatMsgCon
  //border-bottom 1px solid $c-border1
.chat_msg
  padding 14px 16px
  box-sizing border-box
  overflow auto
.chatNewStashMsg
  cursor: pointer
  position: absolute;
  bottom: 20px;
  left: 20px;
  max-width: 70%;
  padding: 10px 20px;
  background: #4ab1e6;
  border-radius: 20px;
  color #fff
  .stash_arrow_left
    position: absolute;
    left: 12px;
    bottom: -10px;
    border-top 8px solid transparent
    border-bottom 6px solid transparent
    border-right 11px solid #4ab1e6;
    content ' '
    width 0
    height 0
    border-radius 1px
    transform rotate(-90deg)
  p
    width 100%
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
.chatStashNum
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  right: 20px;
  padding: 4px 12px;
  background: #fff;
  color: #4ab1e6;
  border: 1px solid #ccc;
.webchat_todo_conbox // 待领取模块
  .chat_msg_laogao
    height calc( 100vh - 245px) // 减去上方在线信息与软电话条与输入框高度
    .height_limit
      min-height calc( 100vh - 308px)
  .chat_msg_suoxiao
    height calc( 100vh - 445px) // 减去上方在线信息与软电话条与输入框高度
    .height_limit
      min-height calc( 100vh - 508px)      
.webchat_all_conbox // 全部模块
  .chat_msg // 聊天框高度
    height calc( 100vh - 95px) // 减去上方在线信息与软电话条高度
    .height_limit // 最小高度
      min-height calc( 100vh - 90px)!important
  .chat_msg.initiative
    height calc( 100vh - 95px - 60px) // 减去上方在线信息与软电话条与在线底部无法主动会话高度
.webchat_laterProcess_conbox // 稍后处理模块
  .chat_msg
    height calc( 100vh - 95px) // 减去上方在线信息与软电话条高度
    .height_limit
      min-height calc( 100vh - 158px)
  .chat_msg.initiative
    height calc( 100vh - 95px - 60px) // 减去上方在线信息与软电话条与在线底部无法主动会话高度
.webchat_robot_conbox // 机器人模块
  .chat_msg
    height calc( 100vh - 95px) // 减去上方在线信息与软电话条高度
    .height_limit
      min-height calc( 100vh - 158px)
.chat_item
  position relative
  padding-left 34px
.chat_item.system
  max-width 100%
.chat_user_info
  position absolute
  left 0
  top 0
  .chat_time
    position absolute
    white-space nowrap
    font-size 12px
    color $cf-gray4
    top -16px
    left 56px
.chat_user_img
  border-radius 50%
  width 32px
  height 32px
  overflow hidden
  background url("../../public-modules/contact-summary/img/agent.png") no-repeat 50% 50%
  background-size 32px auto
  img
    background $cf-white
    width 100%
.chat_user_gif
  border-radius 50%
  width 32px
  height 32px
  overflow hidden
  background-size 32px auto
  img
    background $cf-white
    width 100%
.robot
  background $c-border1
  .icon-jiqirentouxiang
    width 32px
    height 32px
    display block
    text-align center
    line-height 32px
    font-size 20px
.chat_time
  color #9A9A9A
  width auto
  line-height 16px
  text-align center
.chat_content
  padding 8px 12px
  position relative
  margin-left 10px
  border-radius 14px
  background #cce6ff
  display inline-block
  color $cf-gray0
  .chat_img
    max-width 100px
  .send_status
    position absolute
    width 26px
    height 26px
    border-radius 50%
    left -30px
    top 50%
    margin-top -13px
  .send_status.process
    background url(required('./img/webchat_send.gif')) no-repeat
    background-size 26px 26px
  .send_status.failure
    color $c-pink
    text-align center
    line-height 26px
    font-size 24px
  .chat_content_text
    word-break break-word
    white-space normal
    p
      img
        max-width 100%
.chat_content_arrow
  border-top 6px solid transparent
  border-bottom 6px solid transparent
  border-right 6px solid #cce6ff
  content ' '
  position absolute
  width 0
  height 0
  left -9px
  top 10px
  border-radius 1px
  transform rotate(95deg)
  border 5px solid #cce6ff
  border-color #cce6ff transparent transparent #cce6ff
.chatPreloadedMsg
  margin-bottom 20px
  .chat_content
    background #1cd0e0
  .chat_content_arrow
    border 5px solid #1cd0e0
    border-color #1cd0e0 transparent transparent #1cd0e0
.chat_user_info_out
  position absolute
  right 0
  top -2px
  .chat_time
    position absolute
    white-space nowrap
    font-size 12px
    color $cf-gray4
    right 56px
    top -16px
.chat_item.out
  padding-right 38px
  float right
  .chat_user_img
    border-radius 50%
    width 32px
    height 32px
    float right
  .chat_content
    float right
    background #f0f0f0
    margin 0 5px 0 0
    color $cf-gray0
.chat_content_arrow_out
  border-left 6px solid #f0f0f0
  border-top 6px solid transparent
  border-bottom 6px solid transparent
  border-right 6px solid #f0f0f0
  content ' '
  position absolute
  width 0
  height 0
  right -9px
  top 10px
  border-radius 1px
  transform rotate(83deg)
  border 5px solid #f0f0f0
  border-color transparent transparent #f0f0f0 #f0f0f0
.chat_item.system
  text-align center
  padding 0
  width 100%
  .chat_content
    display inline-block
    width auto
    //height 26px
    text-align justify
    word-break break-all
    border-radius: 13px
    text-align center
    display inline-block
    padding 0 14px
    line-height 26px
    background $c-bus-back
    color $cf-gray0
.chat_msg_con
  textarea
    resize none
.el-form-item
  margin 0
.replyMsg
  float right
  margin-right 12px
.msg_do
  margin 0 10px 0
  float left
  color $cf-gray5
.fontSize
  min-width 20px
  overflow-x visible
.fontSize
  li
    line-height 28px
.upload
  display inline-block
  width 22px
.blacklist_con
  resize none
.webchat_other_msg
  //padding-top 5px
  //height 23px
  position relative
  .iconfont
    font-size 18px
    cursor pointer
  .iconfont:hover
    color $c-main
  .icon-zhishikujiansuo
    font-size 20px
  .iconfont.icon_disabled
    cursor not-allowed
    color #c0c4cc
  .msg_do_insert
    position relative
.expandLayoutSendMsg
  .iconfont.icon_disabled
    cursor not-allowed
    color #c0c4cc
.upload
  width 20px
.chat_info_li_con,.chat_auxiliary_from .link
  color $cf-gray1
  float right
.chat_info
  position relative
  .chat_info_all,.chat_info_todo
    box-sizing border-box
  .chat_info_todo
    overflow-y hidden
    margin-top -1px
    height calc(100vh - 53px)
  .chat_info_all
    padding 10px 14px 0
    height calc(100vh - 206px)
  /*.chat_info_todo:before
    content ''
    height 1px
    width 124%
    background $c-border1
    position absolute
    top 43px
    left -20px
    z-index 1*/
  .chat_auxiliary_info
    line-height 18px
    .chat_auxiliary_from
      float right
.chat_info_li_title,.chat_auxiliary_title,.chat_info_all i
  color $cf-gray3
  font-style normal
.chat_auxiliary_title
  white-space nowrap
.chat_info_li_remarks
  resize none
  font-size 12px
  box-sizing border-box
  width 100%
  margin-top 6px
  border-color $cf-gray5
  padding 6px
  border-radius 4px
.chat_info_li_remarks:focus
  border-color $c-main
.el-tree
  border none
.quickreplay_custome_btn
  span
    float right
    font-size 12px
    line-height 20px
    cursor pointer
    margin-right 6px
.quickreplay_li
  .edit_del
    position absolute
    right 4px
    top 0
.quickRe
  color $c-main
  /*float none*/
  clear both
  margin-right 6px
  cursor pointer
.quickreplay_sort_li
  height 22px
.quickReLi,.quickReLiCust
  width 100%
  position relative
  color $cf-gray3
  padding 8px 20px
  box-sizing border-box
  word-break break-all
  .quick-re-con
    text-overflow -o-ellipsis-lastline
    overflow hidden
    text-overflow ellipsis
    display -webkit-box
    -webkit-line-clamp 2
    line-clamp 2
    -webkit-box-orient: vertical
    -moz-box-orient: vertical
    -ms-box-orient: vertical
    box-orient: vertical
.quickReBtn
  position absolute
  right 0
  top 0
  width 46px
  height 100%
  display none
  box-sizing border-box
.quickReLi:hover
  background #E5F1FF
  .quickReBtn
    display inline-block
  .quick-re-con
    width calc(100% - 30px)
.quickReLiCust:hover
  .quickReBtn
    display inline-block
.quickReLiCust:hover
  .quick-re-con
    -webkit-line-clamp: unset
    line-clamp: unset
    width calc(100% - 30px)
.quickreplay_custom_con
  li
    margin-bottom 4px
    position relative
.quickreplay_custom_con
  li
    i
      line-height 16px
.color
  color #1f2d3d
.popover1
  .quickReLi:before
    display none
.popover1
  .quickReLi
    padding-left 18px
.transfer_li
  color $cf-gray1
  height 16px
  padding 3px 0
  cursor pointer
.transfer_li:hover
  background $c-card
  .transfer_btn
    display inline-block
.transfer_btn
  display none
  color $c-main
  cursor pointer
  float right
  margin-right 6px
.transfer_li_ul
  .transfer_li
    padding-left 18px
    color $cf-gray3
.msg_li
  min-height 40px
  margin-bottom 25px
.msg_li.system_li
  margin 10px 0 20px
  min-height 40px
.transfer_li_box
  position relative
  margin 4px 0
.transfer_group_btn
  position absolute
  top 1px
  right 0
.box1:hover
  .transfer_group_btn
    display inline-block
.box1:hover
  .transfer_li
    background $c-card
.font12
  font-size 12px
.font14
  font-size 14px
.font16
  font-size 16px
.font18
  font-size 18px
.font20
  font-size 20px
.suggest
  width 280px
  background $cf-white
  bors(1px,#eee)
  position absolute
  left 30px
  max-height 200px
  z-index 100
  overflow auto
  li
    line-height 26px
    box-sizing border-box
    padding 0 6px
    font-size 12px
  li:hover
    background #d7f2fd
  li.active
    background #d7f2fd
  .cursor_li
    cursor pointer
  .cursor_li:before
    width 4px
    height 4px
    content ""
    background #7ecdd2
    margin 0 5px
    margin: 11px 5px
    float: left
.send_msg_textarea
  //font-size 12px
.client_msg
  height 36px
.transfer_li_ul
  .transfer_li
    .cata-name
      display inline-block
      width 100%
    .transfer_li_title
      width calc(100% - 20px)
      display inline-block
.cursor_li
  cursor pointer
.webchat_todo_conbox
  .basic_info
    padding 0 14px
    height calc( 100vh - 109px)
    max-height calc( 100vh - 109px)
    box-sizing border-box
    overflow auto
    h3
      margin-bottom 6px
      user-select none
  .basic_info.quick_replay_box
    padding 0
.wxend
  text-align center
  padding 5px
  display block
  z-index 10000
  color $cf-level2
.historyDivied
  color grey
  text-align center
  padding-bottom 10px
  padding-top 8px
  .divided_text
    background $cf-white
    position relative
    .divided_line_left,.divided_line_right
      position absolute
      width 100px
      border-bottom 1px dashed $cf-level4
      display inline-block
      top 8px
    .divided_line_left
      left 100%
    .divided_line_right
      right 100%
.popover1 .tree,.popover2 .tree
  overflow-y auto
  max-height 200px
  font-size 12px
.quickreplay_box
  color #a7a7a7
  .el-tree
    .is-leaf
      display none
  .quickBoxTit
    padding 0 0 8px
  .quickBoxTit,.quickreplay_custome_btn
    color $cf-gray2
    font-size 14px
    font-weight bold
  .tree
    padding-left 10px
    .quickReLi:before
      top 8px
.chat_info,.chat_info_all
  h3
    color $cf-level3
  .chat_info_li
    margin-bottom 5px
    padding-right 4px
    box-sizing border-box
  .chat_info_li.chat_info_li_title
    display inline-block
  .chat_info_remark
    margin 8px 0 6px
.chat_info_all
  height calc( 100vh - 198px)
  overflow auto
  h3
    padding-bottom 10px
.chat_info_ul
  margin-bottom 10px
  li
    display block
  span
    float right
    display inline-block
    max-width 100%
    text-overflow ellipsis
    white-space nowrap
    overflow hidden
.chat_info_time_data
  margin-top 20px
.popover1_inpit
.popover2_input
  background-color $cf-white
  border-radius 4px
  border 1px solid #dcdfe6
  color #1f2d3d
  display block
  font-size inherit
  height 36px
  line-height 1
  padding 3px 10px
  width 100%
  box-sizing border-box
.popover1_inpit:focus
.popover2_input:focus
  border 1px solid $c-main
.icon-tishi
  color red
.chat_content
  img
    cursor pointer
  .imcsrRed
    color $c-pink
.chat_message_con_text
  word-break break-all
.button_box
  margin-top 10px
  text-align center
.prompt
  text-align center
  color $cf-gray3
  font-size 12px
  padding 3px 0
.sys_quick_li
  position relative
  color $cf-gray1
  height 18px
  line-height 18px
  font-size 14px
  .sys_quick_li_span
    position absolute
    left 0
    font-size 14px
  .sys_quick_li_title
    display inline-block
    width 100%
    box-sizing border-box
    padding-left 20px
.uploadingImg
  width 100px
  height 100px
  background url(required('./img/uploading.gif')) no-repeat
  background-size 100px 100px
.upload_file_box
  .upload_file_title
    width 100%
    text-align center
    line-height 16px
    text-overflow ellipsis
    overflow hidden
    white-space nowrap
    max-width 100%
  .upload_file_progress_title,.upload_file_progress
    text-align center
    width 100px
  .upload_file_progress
    background $cf-level3
    height 5px
    .file_progress
      background $c-main
      float left
      height 100%
.popover_btn_box
  display inline-block
.leavemsg_box_parent
  position relative
.leavemsg_box
  height 171px
  line-height 171px
  text-align center
  font-size 18px
  cursor not-allowed
  background $cf-gray0
  opacity 0.5
  width 100%
  position absolute
  z-index 5
  span
    color #fff
.chat_title
  margin-bottom 4px
  font-size 14px
  color $cf-gray0
  .chat_title_time
    margin-left 16px
    font-size 12px
    color $cf-gray4
.webchat_el_form
  height 65px
.investigate_box
  position relative
.investigate_con
  position absolute
  bottom 0
  width 100%
  left 0
  background $cf-white
  box-shadow 0 0 8px #aaa
  padding 8px
  box-sizing border-box
  li
    margin-bottom 6px
  .investigate_content
    float none
    display inline
    word-break break-all
    white-space normal
  span
    color $cf-level2
.audio_img
  height 15px
  margin-right 15px
.voice_content.chat_content
  position relative
  .chat_message_con
    cursor pointer
.chat_info .titleInfo
  cursor pointer
  font-weight bold
  color $cf-gray2
  .el-icon-minus,.el-icon-plus
    color $cf-level3
.chat_item.in a
  color $c-main
.chat_item.out a
  color $c-main
.investigate_con
  span
    clear both
    vertical-align bottom
//.el-dialog__wrapper
//  z-index 30001 !important
.VideoTips
  .el-dialog__body
    .tipsword
      text-align center
      font-size 16px
      margin 10px 0
    .tipsbutton
      text-align center
      padding-top 15px
  .el-dialog__header
    padding-bottom 20px
    border-bottom 1px solid #a1a1a1
    span
      color #a2a2a2
.colorred
  color red
.colorgreen
  color $c-main
.cursorpointer
  cursor pointer
.chatUserMsg
.chatHistoryMsg
  margin-top 15px
.chat_item.in
  .chat_message_con
    min-height 1em
    min-width 0.5em
.chat_auxiliary_box
  padding-right 4px
.fade-enter-active,
.fade-leave-active
  transition all 0.5s ease
.fade-enter,
.fade-leave-active
  opacity 0
.send_chat_msg_title
  line-height 30px
  color $cf-gray1
.time_line_warp
  height calc(100vh - 562px)
  max-height: 250px
  overflow-y auto
  padding-bottom 10px
.time_line_little
  height 100%
  max-height: 250px
.uba_page_stay
  font-size 12px
  position absolute
  left 25px
  top 15px
.uba_time_warp
  display block
.currentUrl_warp
  display block
  padding-left 5px
  word-break break-all
.time_line_box
  display flex
.webchat_chat_info
  textarea::-webkit-input-placeholder
    color $cf-gray5
.chat_info_all_title
  font-weight bold
  font-size 14px
  color $cf-gray2
  height 35px
  line-height 35px
  box-sizing border-box
  padding 0 14px
  border-bottom 1px solid $c-border1
pre
  font-family Helvetica, BlinkMacSystemFont, Arial, Verdana, sans-serif
.history_liading
  text-align center
  .history_liading_text
    display inline-block
    &:after
      display: inline-block;
      width: 0;
      height: 100%;
      content: "center";
      vertical-align: middle;
      overflow: hidden;
    img
      vertical-align middle
.icon-shipin
  margin-right 4px
.wecbat_video_thunmbnail
  max-width 200px
.wechat_video
  cursor pointer
  color $c-main
  position relative
  .wechat_video_play_icon
    position absolute
    width 100%
    height 100%
    // .play_icon
    //   position absolute
    //   width 64px
    //   height 64px
    //   margin -32px 0 0 -32px
    //   top 50%
    //   left 50%
    //   background url(required('./img/play_icon.png')) no-repeat center 0
    //   z-index 2
.chat_msg_goods_info
  width: 100%;
  max-width 355px;
  overflow: hidden;
  background: #fff;
  border: solid 1px #d9d9d9;
  border-radius: 2px;
  cursor pointer
  margin 0px 5px 10px 0px
  .m7GoodsInfo
    padding: 10px;
    margin: 0;
    vertical-align: top;
    .goodInfoLeft
      height: 50px;
      width: 50px;
      text-align: center;
      vertical-align: center;
      display: inline-block;
      margin-right 10px
      img
        max-width 50px
        max-height 50px
    .goodInfoRight
      display: inline-block;
      vertical-align: top;
      span
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
        text-overflow: ellipsis;
      .goodInfoRight1
        color: #000;
        font-size: 12px;
        text-decoration underline
      .goodInfoRight2
        font-size: 12px;
        color: #595959;
      .goodInfoRight3
        font-size: 14px;
        color: #ff6b6b;
      .MoreGoodsInfo
        text-align right
        text-decoration underline
        cursor: pointer
.chat_msg_richText
  cursor pointer
  width 200px
  min-height 60px
  padding 5px
  .richTextTitle
    width 200px
    font-size 14px
    display -webkit-box
    box-orient vertical
    -webkit-line-clamp 2
    line-clamp 2
    overflow: hidden;
    text-decoration underline
  .chat_msg_richText_bottom
    width 200px
    margin-top 6px
  .richTextDescription
    display inline-block
    color: $c-log
  .richTextPicUrl
    display inline-block
    float right
    width 55px
    height 40px
.icon-shipin
  margin-right 4px
.wecbat_video_thunmbnail_no
  width 200px
  height 150px
  background-color #b7b7b7
  .thunmbnail_no_icom
    width 50px
    height 50px
    position absolute
    margin -25px 0 0 -25px
    top 50%
    left 50%
    background url(required('./img/default_img.png')) no-repeat center 8px
    background-size 50px auto
.shield_chat_box
  display none
.chat_msg_con_item
  .shield_chat_box
    position absolute
    left -1.5em
    top 50%
    transform translateY(-50%)
    padding 8px
    opacity 0.8
    background-color #1c8de0
    color #fff
    border-radius 6px
    .shield_chat
      cursor pointer
    .shield_chat_arrow
      position absolute
      width 0
      top 0.7em
      height 0
      right -6px
      border-top 6px solid transparent
      border-bottom 6px solid transparent
      border-left 6px solid rgb(28, 141, 224)
.chat_msg_con_item:hover
  .shield_chat_box
    display block
.color1
  color $c-pink
.color2
  color $c-main
.ShareInstallDesc
  .description
    padding 0 30px
  .content
    margin 20px 0
    padding 0 10px
    width 100%
    text-align center
    img
      max-width 100%
      margin-bottom 12px
    .left
      display inline-block
      width 30%
      span
        display inline-block
        width 100%
    .right
      display inline-block
      width 65%
      margin-left 10px
      span
        display inline-block
        width 100%
  .footer
    text-align center
.aiAnswerContainer
  border-bottom 1px solid $c-border1
  width 100%
  margin-bottom 4px
  padding-bottom 4px
  .aiAnswers
    width 94%
    margin 0 auto
    background $c-back
    border-radius 3px
    padding 4px 5px
    .aiAnswersDetails
      width 100%
      padding:3px 0
      .ai_tag
        color $cf-blue
        margin 0 5px
        font-weight bold
      .ai_content
        width 76%
        text-overflow: ellipsis;/*这就是省略号喽*/
        overflow: hidden;/*设置超过的隐藏*/
        white-space: nowrap;/*设置不折行*/
        display inline-block
        vertical-align: -4px;
      .ai_button
        color $c-main
        float right
        span
          margin-right 5px
          cursor pointer
 //在线咨询主动会话样式
.initiativeSession
  height: 60px
  position: absolute
  bottom: 0
  width: 100% !important
  box-shadow: -1px -2px 1px 0px rgba(0,0,0,0.12);
.dottedLine
  width: calc(100% - 60px)
  height: 1px
  border-bottom: 1px dashed #424242
  position: absolute
  top: 50%
  left: 30px
.initiative-title
  position: absolute
  top 50%
  left 50%
  font-size 14px
  font-weight bold
  background #eaeaea
  transform translate(-50%, -50%)
  padding 0 10px
  color: #424242;
.initiative-warp
  height: 100%
  width: 100%
  background: #e5e5e5
  position: absolute
  top: 0
  opacity: 0.8
.initiative-btn
  position absolute
  top 50%
  left 50%
  transform translate(-50%, -50%)
.quickreplay_custome,.quickreplay_system
  padding 10px 10px 0
//  在线咨询快捷回复旧版展示
.webchat_quick_reply_old
  .quickreply_cust_box,.quickreply_public
    padding-top 10px
    height 90vh
    padding-bottom 100px
  .quickRe
    display none
    color $c-main
    margin-right 4px
    cursor pointer
    line-height 20px
  .quickReLi
    width 100%
    position relative
    box-sizing border-box
    padding 2px 20px
    color $cf-gray3
    margin 4px 0
  //.quickReLi:before
  //  content '\ '
  //  background $c-sub
  //  width 4px
  //  height 4px
  //  position absolute
  //  left 10px
  //  top 8px
  .quickReBox
    position absolute
    right 0
    top 1px
  .quickReLi:hover
    .quickRe
      display inline-block
  .tree
    padding-left 10px
    .quickReLi:before
      top 8px
  .quickReSysIndex
    margin 6px 0
.sys_quick_li_span
  color #878787

.fullStyle
  width 100%
